import styled from 'styled-components';
// 整个头部
export  const HeaderWrapper=styled.div`
height:146px;

.item{       

//导航栏小item
color:white;
margin:0 -20px;
padding:12px 2.8vw;
 @media (max-width: 1900px) {
 padding:12px 2.7vw;
   }
   @media (max-width: 1700px) {
 padding:12px 3.2vw;
   }
@media (max-width: 1600px) {
 padding:12px 3vw;
   }
   @media (max-width: 1250px) {
 padding:12px 2.5vw;
   }
    @media (max-width: 980px) {
 padding:12px 22px;
   }
}
.item:hover{
background:#647491;
border-top:2px solid #000; 
border-bottom:2px solid #647491; 

   //导航栏鼠标指上反馈
}


`;
// 顶部
export  const HeaderHead=styled.div`
.dingBu{
margin-left:15vw;
height:100%;
  @media (max-width: 1700px) {
margin-left:10vw
  }
  @media (max-width: 1500px) {
margin-left:7.6vw
  }
    @media (max-width: 1300px) {
margin-left:5vw
  }
}

height:100px;
   
`
//右边两个按钮
export  const HeaderRight=styled.div`
  float:right;
margin-right:15vw
margin-top:40px;
  @media (max-width: 1700px) {
margin-right:9.8vw
  }
  @media (max-width: 1500px) {
margin-right:7.4vw
  }
    @media (max-width: 1300px) {
margin-right:5vw
  }
`;

